上位机开发笔记
» 搜索 » user:admin post:true
桌面图标嵌入功提示窗口钉在桌面上
//代码出处 http://bbs.aardio.com/forum.php?mod=viewthread&tid=9949
import win.ui;
/*DSG{{*/
var winform = win.form(text="aardio form";right=216;bottom=91;border="none";exmode="none";max=false;min=false;mode="popup";sysmenu=false;title=false)
winform.add()
/*}}*/
admin •
2017-11-16 • 最后回复来自 admin
aardio高性能计数器演示
//高性能计数器演示
import console;
import time.performance;
var tk = time.performance.tick();
sleep(2000)
console.log( ( time.performance.tick() - tk ) / 1000 ,"秒" );
console.pause();
admin •
2017-11-15
css扩展之简单的树形控件演示
<HTML>
<HEAD>
<TITLE>Tree view lines styling</TITLE>
<STYLE>
h1
{
font-size: 14pt;
}
h2
{
font-size: 14pt;
text-align:right;
}
#dd options > * /* tree line support */
{
admin •
2017-11-13
css扩展之各种模版图标样式(button,radiocheck,groupbox,scrollbar,tree...)
<html>
<head><style>
/*listitemicon*/
option img
{
margin:2px;
min-width:20px;
min-height:20px;
//foreground-position:50%50%;
foreground-repeat:no-repeat;
vertical-align:middle;
}
option img[stretch]
{
foreground-repeat:stretch;
widt
admin •
2017-11-13
css扩展之表格(tables)的滚动条方式(scroll-manner)
<html>
<head>
<style>
table
{
margin:*;
width:4*;
height:4*;
overflow:auto scroll-manner( page-animation:true, step-animation:true, step:auto, page:auto );
border:1px solid black;
background-colo
admin •
2017-11-13
css扩展之flow模板功能
<html>
<head>
<style>
ul
{
border:1px solid black;
background:white;
padding:0;
margin:*;
width:4*;
height:4*;
overflow:auto scroll-manner( page-animation:true, step-animation:true, step:a
admin •
2017-11-13
css扩展之不透明度,渐变透明设置(opacity)
<html>
<head>
<style>
html { background: url(images/sand.gif) repeat; }
div { background-color:red; }
div.op25 { opacity :0.25; }
div.op50 { opacity :0.50; }
div.op75 { opacity :0.75; }
div.op100 { opacity:1.00; }
admin •
2017-11-13
css扩展之@常量的用法(有边框样式边框背景图示例)
<html>
<head>
<style>
@import url( definitions.css );
@const MY_BORDER_COLOR : #AF0000;
@const MY_BORDER : 3px solid #0000AF;
@const MY_SPECIAL_BORDER : 3px dashed @MY_BORDER_COLOR;
@const MY_BORDER1,
MY_BORDER2
admin •
2017-11-13
css扩展之color-transform
<html>
<head>
<title>CSS background/foreground images</title>
<style type="text/css">
body {
font-family:Verdana; font-size:10pt;
width:100%%; height:100%%;
background-color: window;
padding:10px;
margin:0;
}
im
admin •
2017-11-13
css扩展之颜色伽马转换,增强对比和亮度
<html>
<head>
<title>CSS background/foreground images</title>
<style type="text/css">
body {
font-family:Verdana; font-size:10pt;
width:100%%; height:100%%;
background-color: window;
padding:10px;
margin:0;
}
#c
admin •
2017-11-13
css扩展之voerflow滚动条样式
<html>
<head>
<title>Width 120% is cute</title>
<style type="text/css">
body {
height:100%%; width:100%%;
font:10pt Verdana;
background-color: white peachpuff peachpuff papayawhip;
}
/* style block defining vertica
admin •
2017-11-13
css扩展之aspect-ratio(纵横比)
以后界面基本框架不再每次提供,直接提供官方html和css实现代码,后面再做仔细研究
htmlayout学习一:了解html所谓的网页背景和背景属性
给body节点增加一个拖动窗体的交互功能吧.
这个怎么实现呢?
导入layout的窗口行为库
import web.layout.behavior.windowCommand;//导入behavior:windowCommand;2.css中指定触发窗口行为
htmlayout学习一:了解html所谓的网页背景和背景属性
给body加入边框,为了看的醒目,我注释掉了背景色
body{ //background:#000; height:400px; border-radius:5% 20% 10% 15%;//左上,右上,右下,左下 border:solid;//实线 border-color:#F00;//红色 border-width:1px;//宽1px }
htmlayout学习一:了解html所谓的网页背景和背景属性
试着给body添加一个圆角属性.
body{ background:#000; height:400px; border-radius:10%; }如果改为:
htmlayout学习一:了解html所谓的网页背景和背景属性
用aardio新建一个标准窗体设计器:
第一步引用layout库,同时定义layout容器
import web.layout; var wbLayout = web.layout(winform);看上面的代码,用了要给wbLayout作为容器变量名, 我发现如果用其他名字,下面写代码的时候是不会有代码提示的....
下面写html代码,这句代码是自动提示然后生成的,我们可以直接利用它来造.
不知道从哪开始写,就分析下aardio新建的htmlayout窗体示例代码吧
这里先了解下htmlayout的弹出菜单写法:
<!-- 标题栏弹出菜单,需要弹出节点的最好用div或button等元素,不要使用a,li等元素 --> <div .window-menu>u <menu .popup> <!-- .popup是内置的弹出菜单样式 --> <li>在线帮助</li> <li>子菜单 <menu > &不知道从哪开始写,就分析下aardio新建的htmlayout窗体示例代码吧
那么再次思考, 如果我们不注释掉最大化移除圆角属性,那么当我们最大化的时候调用移除属性,使窗口没有了圆角, 如果我们点击窗体的还原大小按钮, 还原回来的窗口有没有圆角呢?
经过测试, 圆角属性再次恢复.
这样我们无需多管这个怎么恢复的了..
不知道从哪开始写,就分析下aardio新建的htmlayout窗体示例代码吧
继续,看到了这句
如果是圆角则在这可以移除圆角???
那么这个只是针对htmlayout的css样式吗? 还是说针对mianform窗体圆角样式也可以呢?
于是, 代码里添加一个圆角样式,试试